<template>
  <div class="home">
    <router-link to="/">Home</router-link>
    <router-link to="/design" title="在线图片编辑">Design</router-link>
    <router-link to="/decorate" title="店铺装修">Decorate</router-link>
  </div>
</template>

<script>
export default {
  name: 'Home'
}
</script>
<style scoped>
.home {
  display: grid;
  grid-template-columns: repeat(auto-fill, 50px);
  grid-auto-rows: 50px;
  place-items: center; /* align-items和justify-items的缩写 */
  grid-gap: 10px 10px; /* grid-row-gap和grid-column-grp行间距和列间距的缩写 */
}
</style>
